<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="utf-8">
	<title>全国疫情实时监控2.0</title>
	<meta name="description" content="">
	<meta name="author" content="">
	<!-- Mobile Meta -->
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<!-- Favicon -->
	<link rel="stylesheet" href="https://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css">
	<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.6.0/css/font-awesome.min.css">
	<link href="css/animations.css" rel="stylesheet">
	<link href="css/content1.0.css" rel="stylesheet">
	<link rel="stylesheet" href="css/animate.css">
</head>

<body>
	<div>
		<div id="title">
			<div class="caption-title clearfix">
				<i class="title-left"><img src="images/title-left.png"></i>
				<p class="title-left-title-font">全国疫情实时监控</p>
				<i class="title-left"><img src="images/title-right.png"></i>
			</div>
			<div class="title-date" style="height: 40px;">
				<p id="DateTime" style="height: 40px;text-align: center;">实时数据</p>
			</div>
		</div>
		<div id="main">
			<div class="col-md-12">
				<div class="row">
					<div id="title01" class="col-xs-12 col-sm-12 col-md-3">
						<div class="data-box1" style="margin-top: 30px;">
							<i class="topL"></i>
							<i class="topR"></i>
							<i class="bottomL"></i>
							<i class="bottomR"></i>
							<div class="data-title">
								<b class="data-title-left">[</b>
								<span>全国累计趋势</span>
								<b class="data-title-right">]</b>
							</div>
							<div id="left1" class="box-echart2">
							</div>
						</div>
						<div class="data-box1" style="margin-top: 30px;">
							<i class="topL"></i>
							<i class="topR"></i>
							<i class="bottomL"></i>
							<i class="bottomR"></i>
							<div class="data-title">
								<b class="data-title-left">[</b>
								<span>全国新增趋势</span>
								<b class="data-title-right">]</b>
							</div>
							<div id="left2" class="box-echart2">
							</div>
						</div>
					</div>
					<div id="title02" class="col-xs-12 col-sm-12 col-md-6 panel-top panel-bottom">
						<div class="data-box1" style="margin-bottom: 30px">
							<i class="topL"></i>
							<i class="topR"></i>
							<i class="bottomL"></i>
							<i class="bottomR"></i>
							<div class="data-title">
								<b class="data-title-left">[</b>
								<span>全国疫情报告</span>
								<b class="data-title-right">]</b>
							</div>
							<div id="center1" class="box-echart">
								<div class="name">
									<div class="number" id="confirm">123</div>
									<div class="text">累计确诊</div>
								</div>
								<div class="name">
									<div class="number" id="heal">123</div>
									<div class="text">累计治愈</div>
								</div>
								<div class="name">
									<div class="number" id="dead">123</div>
									<div class="text">累计死亡</div>
								</div>
								<div class="name">
									<div class="number" id="nowConfirm">123</div>
									<div class="text">现有确诊</div>
								</div>
								<div class="name">
									<div class="number" id="noInfect">123</div>
									<div class="text">无症状感染者</div>
								</div>
								<div class="name">
									<div class="number" id="importedCase">123</div>
									<div class="text">境外输入</div>
								</div>
							</div>
						</div>
						<div class="data-box1">
							<i class="topL"></i>
							<i class="topR"></i>
							<i class="bottomL"></i>
							<i class="bottomR"></i>
							<div class="data-title">
								<b class="data-title-left">[</b>
								<span>全国疫情地图</span>
								<b class="data-title-right">]</b>
							</div>
							<div id="center2" class="box1-back">
							</div>
						</div>
					</div>
					<div id="title03" class="col-xs-12 col-sm-12 col-md-3">
						<div class="data-box1" style="margin-top: 30px;">
							<i class="topL"></i>
							<i class="topR"></i>
							<i class="bottomL"></i>
							<i class="bottomR"></i>
							<div class="data-title">
								<b class="data-title-left">[</b>
								<span>全国确诊省市</span>
								<b class="data-title-right">]</b>
							</div>
							<div id="right1" class="box-echart2">
							</div>
						</div>
						<div class="data-box1" style="margin-top: 30px;margin-bottom: 30px;">
							<i class="topL"></i>
							<i class="topR"></i>
							<i class="bottomL"></i>
							<i class="bottomR"></i>
							<div class="data-title">
								<b class="data-title-left">[</b>
								<span>境外输入省市</span>
								<b class="data-title-right">]</b>
							</div>
							<div id="right2" class="box-echart2">
							</div>
						</div>
					</div>
				</div>
				<!--asad-->
			</div>
		</div>

	</div>
	<!-- JavaScript -->

	<script src="js/echarts.min.js"></script>
	<script src="js/china.js"></script>
	<script src="js/jquery.min.js"></script>
	<script src="js/ajax.js"></script>
</body>

</html>